/* 单行超出出现省略号 */
.text_white_ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 多行超出出现省略号 */
.text_ellipsis_multi {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 显示的行数，可以根据需要调整 */
  overflow: hidden;
}

/* 单行超出出现省略号，并添加省略号图标 */
.text_ellipsis_with_icon {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}

.text_ellipsis_with_icon::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='none' stroke='%230000' stroke-width='5' d='M0 0h100v100H0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
